<template>
  <div :class="classes.delModel">
    <div>
      <span>{{ title }}</span>
      <el-icon @click="onClose"><Close /></el-icon>
    </div>
    <div>
      <el-icon><Warning /></el-icon>{{ tips }}
    </div>
    <div>
      <div @click="onClose">取消</div>
      <div @click="onSumbit">确认</div>
    </div>
  </div>
</template>

<script setup>
import classes from "./style.module";

defineProps({
  title: {
    type: String,
    default: () => "提示",
  },
  tips: {
    type: String,
    default: () => "此操作将删除该条数据，是否继续？",
  },
});

const emit = defineEmits(["close", "submit"]);

const onClose = () => emit("close");

const onSumbit = () => emit("submit");
</script>
